import React from 'react'
import { Typography, Divider, Row, Col, Image } from 'antd'
import img01 from '../../assets/images/facebook-807588_640.png'
import img02 from '../../assets/images/follow-826033_640.png'
import img03 from '../../assets/images/icon-720944_640.png'
import img04 from '../../assets/images/microsoft-80658_640.png'

const companies = [
  { src: img01, alt: 'facebook' },
  { src: img02, alt: 'follow' },
  { src: img03, alt: 'icon' },
  { src: img04, alt: 'microsoft' },
]
export const BusinessParters: React.FC = () => {
  return <div>
    <Divider orientation="left">
      <Typography.Title level={3}>合作企业</Typography.Title>
    </Divider>
    <Row>
      {
        companies.map((c, cindex) => (
          <Col span={6} key={`business-parter-${cindex}`}>
            <Image src={c.src} alt={c.alt} />
          </Col>
        ))
      }
    </Row>
  </div >
}